<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Explore</title>
    <link href="css/explore.css" type="text/css" rel="stylesheet">
    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
</head>
<body>
<div class="top">
    <div class="flex-main">
        <a href="#" class="flex-item-a">
            <div class="flex-item col-1">
                <img src="images/octoverse2018.png" alt="The State of the Octoverse">
                <div class="col-1-txt">
                    <p class="col-1-txt-h1">The State of the Octoverse</p>
                    <p class="col-1-txt-p">See reflections and analytics on this past year in code.</p>
                </div>
            </div>
        </a>
        <a href="#" class="flex-item-a col2">
            <div class="flex-item col-2">
                <img src="images/tiffaniashleybell.jpg">
                <div class="col-2-txt">
                    <h1 class="col-2-txt-h1">She connected donors with people behind on their bills</h1>
                    <p class="col-2-txt-p">Meet Tiffani Ashley Bell ›</p>
                </div>
            </div>
        </a>
        <a href="#" class="flex-item-a">
            <div class="flex-item col-3">
                <img src="images/myoctocat.png" alt="The State of the Octoverse">
                <div class="col-3-bottom">
                    <div class="col-3-txt">
                        <div class="h6 text-uppercase">App</div>
                        <h1 class="col-3-txt-h1">Build your own Octocat</h1>
                        <p class="col-2-txt-p">Take a break from your build and create an Octocat that's all you.</p>
                    </div>
                </div>

            </div>
        </a>
    </div>
</div>
<div class="bottom">
    <div class="flex-item-li">
        <h1 class="f4">
            <a href="#">
                <img src="images/favicon.ico" alt="" width="20" height="20">
            </a>
            <a href="#">
                trimstray/the-book-of-secret-knowledge
            </a>
        </h1>
        <div class="text-gray">A collection of awesome lists, manuals, blogs, hacks, one-liners, cli/web tools
            and more. Especially for System and Network Administrators, DevOps, Pentesters or Security Researchers.
        </div>
        <div class="d-flex f6">
            <a href="#" class="mr-4">
                <svg viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true">
                    <path fill-rule="evenodd"
                          d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path>
                </svg>
                2.9k
            </a>
            <a href="#" class="mr-4">
                <svg viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true">
                    <path fill-rule="evenodd"
                          d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path>
                </svg>
                421
            </a>
        </div>
    </div>
    <div class="flex-item-li">
        <h1 class="f4">
            <a href="#">
                <img src="images/favicon.ico" alt="" width="20" height="20">
            </a>
            <a href="#">
                trimstray/the-book-of-secret-knowledge
            </a>
        </h1>
        <div class="text-gray">A collection of awesome lists, manuals, blogs, hacks, one-liners, cli/web tools
            and more. Especially for System and Network Administrators, DevOps, Pentesters or Security Researchers.
        </div>
        <div class="d-flex f6">
            <a href="#" class="mr-4">
                <svg viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true">
                    <path fill-rule="evenodd"
                          d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path>
                </svg>
                2.9k
            </a>
            <a href="#" class="mr-4">
                <svg viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true">
                    <path fill-rule="evenodd"
                          d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path>
                </svg>
                421
            </a>
        </div>
    </div>
    <div class="flex-item-li">
        <h1 class="f4">
            <a href="#">
                <img src="images/favicon.ico" alt="" width="20" height="20">
            </a>
            <a href="#">
                trimstray/the-book-of-secret-knowledge
            </a>
        </h1>
        <div class="text-gray">A collection of awesome lists, manuals, blogs, hacks, one-liners, cli/web tools
            and more. Especially for System and Network Administrators, DevOps, Pentesters or Security Researchers.
        </div>
        <div class="d-flex f6">
            <a href="#" class="mr-4">
                <svg viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true">
                    <path fill-rule="evenodd"
                          d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path>
                </svg>
                2.9k
            </a>
            <a href="#" class="mr-4">
                <svg viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true">
                    <path fill-rule="evenodd"
                          d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path>
                </svg>
                421
            </a>
        </div>
    </div>
    <div class="flex-item-li">
        <h1 class="f4">
            <a href="#">
                <img src="images/favicon.ico" alt="" width="20" height="20">
            </a>
            <a href="#">
                trimstray/the-book-of-secret-knowledge
            </a>
        </h1>
        <div class="text-gray">A collection of awesome lists, manuals, blogs, hacks, one-liners, cli/web tools
            and more. Especially for System and Network Administrators, DevOps, Pentesters or Security Researchers.
        </div>
        <div class="d-flex f6">
            <a href="#" class="mr-4">
                <svg viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true">
                    <path fill-rule="evenodd"
                          d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path>
                </svg>
                2.9k
            </a>
            <a href="#" class="mr-4">
                <svg viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true">
                    <path fill-rule="evenodd"
                          d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path>
                </svg>
                421
            </a>
        </div>
    </div>
    <div class="flex-item-li">
        <h1 class="f4">
            <a href="#">
                <img src="images/favicon.ico" alt="" width="20" height="20">
            </a>
            <a href="#">
                trimstray/the-book-of-secret-knowledge
            </a>
        </h1>
        <div class="text-gray">A collection of awesome lists, manuals, blogs, hacks, one-liners, cli/web tools
            and more. Especially for System and Network Administrators, DevOps, Pentesters or Security Researchers.
        </div>
        <div class="d-flex f6">
            <a href="#" class="mr-4">
                <svg viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true">
                    <path fill-rule="evenodd"
                          d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path>
                </svg>
                2.9k
            </a>
            <a href="#" class="mr-4">
                <svg viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true">
                    <path fill-rule="evenodd"
                          d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path>
                </svg>
                421
            </a>
        </div>
    </div>
    <div class="flex-item-li">
        <h1 class="f4">
            <a href="#">
                <img src="images/favicon.ico" alt="" width="20" height="20">
            </a>
            <a href="#">
                trimstray/the-book-of-secret-knowledge
            </a>
        </h1>
        <div class="text-gray">A collection of awesome lists, manuals, blogs, hacks, one-liners, cli/web tools
            and more. Especially for System and Network Administrators, DevOps, Pentesters or Security Researchers.
        </div>
        <div class="d-flex f6">
            <a href="#" class="mr-4">
                <svg viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true">
                    <path fill-rule="evenodd"
                          d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path>
                </svg>
                2.9k
            </a>
            <a href="#" class="mr-4">
                <svg viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true">
                    <path fill-rule="evenodd"
                          d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path>
                </svg>
                421
            </a>
        </div>
    </div>
    <div class="flex-item-li">
        <h1 class="f4">
            <a href="#">
                <img src="images/favicon.ico" alt="" width="20" height="20">
            </a>
            <a href="#">
                trimstray/the-book-of-secret-knowledge
            </a>
        </h1>
        <div class="text-gray">A collection of awesome lists, manuals, blogs, hacks, one-liners, cli/web tools
            and more. Especially for System and Network Administrators, DevOps, Pentesters or Security Researchers.
        </div>
        <div class="d-flex f6">
            <a href="#" class="mr-4">
                <svg viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true">
                    <path fill-rule="evenodd"
                          d="M14 6l-4.9-.64L7 1 4.9 5.36 0 6l3.6 3.26L2.67 14 7 11.67 11.33 14l-.93-4.74L14 6z"></path>
                </svg>
                2.9k
            </a>
            <a href="#" class="mr-4">
                <svg viewBox="0 0 10 16" version="1.1" width="10" height="16" aria-hidden="true">
                    <path fill-rule="evenodd"
                          d="M10 5c0-1.11-.89-2-2-2a1.993 1.993 0 0 0-1 3.72v.3c-.02.52-.23.98-.63 1.38-.4.4-.86.61-1.38.63-.83.02-1.48.16-2 .45V4.72a1.993 1.993 0 0 0-1-3.72C.88 1 0 1.89 0 3a2 2 0 0 0 1 1.72v6.56c-.59.35-1 .99-1 1.72 0 1.11.89 2 2 2 1.11 0 2-.89 2-2 0-.53-.2-1-.53-1.36.09-.06.48-.41.59-.47.25-.11.56-.17.94-.17 1.05-.05 1.95-.45 2.75-1.25S8.95 7.77 9 6.73h-.02C9.59 6.37 10 5.73 10 5zM2 1.8c.66 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2C1.35 4.2.8 3.65.8 3c0-.65.55-1.2 1.2-1.2zm0 12.41c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2zm6-8c-.66 0-1.2-.55-1.2-1.2 0-.65.55-1.2 1.2-1.2.65 0 1.2.55 1.2 1.2 0 .65-.55 1.2-1.2 1.2z"></path>
                </svg>
                421
            </a>
        </div>
    </div>



    <div class="flex-item-li-more">
        <a href="#" class="pl-3">See more trending repositories</a>
    </div>
</div>
</body>
</html>